<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="./icon/01-r-iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/01-index.min.css">
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
    <script src="https://tam.cdn-go.cn/aegis-sdk/latest/aegis.min.js"></script>
    <script>
      const aegis = new Aegis({
        id: 'aZGbjuDQE9zyVR1jXL', // 上报 id
        uin: 'xxx', // 用户唯一 ID（可选）
        reportApiSpeed: true, // 接口测速
        reportAssetSpeed: true, // 静态资源测速
        spa: true, // spa 应用页面跳转的时候开启 pv 计算
        hostUrl: 'https://rumt-zh.com'
      });
    </script>
</head>
<body>
    <div class="web">
        <header>
            <!-- 搜索镜 -->
            <div class="search">
                <i class="iconfont icon">&#xe63c;</i>
            </div><!-- 搜索镜 -->
            <!-- logo图标 -->
            <div class="logo">
                <img src="img/01-index/logo.png" alt="">
            </div><!-- logo图标 -->
        </header>
        <main>
            <!-- 轮播面板 -->
            <div class="top-banner">
                <div class="rotation-chart">
                    <img src="img/01-index/top-banner.png" alt="">
                    <ul>
                        <li></li>
                        <li class="active"></li>
                    </ul>
                </div>
            </div><!-- 轮播面板 -->

            <!-- 好评栏 -->
            <div class="best-banner">
                <ul>
                    <li>
                        <img src="img/01-index/WechatIMG248 1.png" alt="">
                        <span>品牌鲜花网</span>
                    </li>
                    <li>
                        <img src="img/01-index/WechatIMG248 1.png" alt="">
                        <span>实拍秀</span>
                    </li>
                    <li>
                        <img src="img/01-index/WechatIMG248 1.png" alt="">
                        <span>1小时送达</span>
                    </li>
                    <li>
                        <img src="img/01-index/WechatIMG248 1.png" alt="">
                        <span>50w+好评</span>
                    </li>
                </ul>
            </div><!-- 好评栏 -->

            <!-- 导航栏 -->
            <nav>
                <ul>
                    <li>
                        <img src="img/01-index/mIndex1.png.png" alt="">
                        <p>花束</p>
                    </li>
                    <li>
                        <img src="img/01-index/mIndex2.png.png" alt="">
                        <p>礼盒</p>
                    </li>
                    <li>
                        <img src="img/01-index/mIndex3.png.png" alt="">
                        <p>蛋糕</p>
                    </li>
                    <li>
                        <img src="img/01-index/mIndex4.png.png" alt="">
                        <p>花篮</p>
                    </li>
                    <li>
                        <img src="img/01-index/mIndex5.png.png" alt="">
                        <p>绿植</p>
                    </li>
                </ul>
            </nav><!-- 导航栏 -->
            
            <!-- 一秒选花 -->
            <div class="one-second">
                <h5>一秒选花</h5>
                <ul class="img-nav">
                    <li><img src="img/01-index/imgNav1.png.png" alt=""></li>
                    <li><img src="img/01-index/imgNav2.png.png" alt=""></li>
                    <li><img src="img/01-index/imgNav3.png.png" alt=""></li>
                    <li>
                        <h6>生日祝福</h6>
                        <img src="img/01-index/imgNav4.png.png" alt="">
                    </li>
                    <li>
                        <h6>求婚表白</h6>
                        <img src="img/01-index/imgNav5.png.png" alt="">
                    </li>
                    <li>
                        <h6>商务开业</h6>
                        <img src="img/01-index/imgNav6.png.png" alt="">
                    </li>
                    <li>
                        <h6>装饰绿植</h6>
                        <img src="img/01-index/imgNav7.png.png" alt="">
                    </li>
                </ul>
            </div><!-- 一秒选花 -->

            <!-- 鲜花主题列表 -->
            <div class="topic-list">
                <!-- 爱情鲜花 -->
                <div>
                    <div class="title">
                        <h3 class="top-name">爱情鲜花</h3>
                    </div>
                    <!-- 爱情鲜花列表 -->
                    <div class="flower-list">
                        <ul>
                            <li><img src="img/01-index/flower-01.png" alt=""></li>
                            <li>浪漫满屋</li>
                            <li>
                                <span class="price">￥229</span>
                                <span class="sales-volume">销量17229笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-02.png" alt=""></li>
                            <li>此生不渝</li>
                            <li>
                                <span class="price">￥168</span>
                                <span class="sales-volume">销量16256笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-03.png" alt=""></li>
                            <li>粉色公主</li>
                            <li>
                                <span class="price">￥169</span>
                                <span class="sales-volume">销量14875笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-04.png" alt=""></li>
                            <li>永恒回忆</li>
                            <li>
                                <span class="price">￥329</span>
                                <span class="sales-volume">销量16022笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-05.png" alt=""></li>
                            <li>为你心动</li>
                            <li>
                                <span class="price">￥329</span>
                                <span class="sales-volume">销量16877笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-06.png" alt=""></li>
                            <li>如约而至</li>
                            <li>
                                <span class="price">￥538</span>
                                <span class="sales-volume">销量15598笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-07.png" alt=""></li>
                            <li>你是唯一</li>
                            <li>
                                <span class="price">￥699</span>
                                <span class="sales-volume">销量12821笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-08.png" alt=""></li>
                            <li>幸福之约</li>
                            <li>
                                <span class="price">￥689</span>
                                <span class="sales-volume">销量13459笔</span>
                            </li>
                        </ul>
                    </div><!-- 爱情鲜花列表 -->
                    <div class="look-more">
                        <a href="#">查看更多</a>
                    </div>
                </div><!-- 爱情鲜花 -->

                <!-- 友情鲜花 -->
                <div>
                    <div class="title">
                        <h3 class="top-name">友情鲜花</h3>
                    </div>
                    <!-- 鲜花列表 -->
                    <div class="flower-list">
                        <ul>
                            <li><img src="img/01-index/flower-01.png" alt=""></li>
                            <li>温暖阳光</li>
                            <li>
                                <span class="price">￥269</span>
                                <span class="sales-volume">销量12710笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-02.png" alt=""></li>
                            <li>恋恋情深</li>
                            <li>
                                <span class="price">￥199</span>
                                <span class="sales-volume">销量11522笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-03.png" alt=""></li>
                            <li>不忘初心</li>
                            <li>
                                <span class="price">￥189</span>
                                <span class="sales-volume">销量10548笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-04.png" alt=""></li>
                            <li>满天繁星</li>
                            <li>
                                <span class="price">￥299</span>
                                <span class="sales-volume">销量14598笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-05.png" alt=""></li>
                            <li>美丽心情</li>
                            <li>
                                <span class="price">￥239</span>
                                <span class="sales-volume">销量7548笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-06.png" alt=""></li>
                            <li>你的笑靥</li>
                            <li>
                                <span class="price">￥269</span>
                                <span class="sales-volume">销量7895笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-07.png" alt=""></li>
                            <li>相依相伴</li>
                            <li>
                                <span class="price">￥278</span>
                                <span class="sales-volume">销量6985笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-08.png" alt=""></li>
                            <li>一生有你</li>
                            <li>
                                <span class="price">￥389</span>
                                <span class="sales-volume">销量8454笔</span>
                            </li>
                        </ul>
                    </div><!-- 鲜花列表 -->
                    <div class="look-more">
                        <a href="#">查看更多</a>
                    </div>
                </div><!-- 友情鲜花 -->

                <!-- 鲜花礼盒 -->
                <div>
                    <div class="title">
                        <h3 class="top-name">鲜花礼盒</h3>
                    </div>
                    <!-- 鲜花列表 -->
                    <div class="flower-list">
                        <ul>
                            <li><img src="img/01-index/flower-01.png" alt=""></li>
                            <li>温暖阳光</li>
                            <li>
                                <span class="price">￥269</span>
                                <span class="sales-volume">销量12710笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-02.png" alt=""></li>
                            <li>恋恋情深</li>
                            <li>
                                <span class="price">￥199</span>
                                <span class="sales-volume">销量11522笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-03.png" alt=""></li>
                            <li>不忘初心</li>
                            <li>
                                <span class="price">￥189</span>
                                <span class="sales-volume">销量10548笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-04.png" alt=""></li>
                            <li>满天繁星</li>
                            <li>
                                <span class="price">￥299</span>
                                <span class="sales-volume">销量14598笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-05.png" alt=""></li>
                            <li>美丽心情</li>
                            <li>
                                <span class="price">￥239</span>
                                <span class="sales-volume">销量7548笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-06.png" alt=""></li>
                            <li>你的笑靥</li>
                            <li>
                                <span class="price">￥269</span>
                                <span class="sales-volume">销量7895笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-07.png" alt=""></li>
                            <li>相依相伴</li>
                            <li>
                                <span class="price">￥278</span>
                                <span class="sales-volume">销量6985笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-08.png" alt=""></li>
                            <li>一生有你</li>
                            <li>
                                <span class="price">￥389</span>
                                <span class="sales-volume">销量8454笔</span>
                            </li>
                        </ul>
                    </div><!-- 鲜花列表 -->
                    <div class="look-more">
                        <a href="#">查看更多</a>
                    </div>
                </div><!-- 鲜花礼盒 -->

                <!-- 蛋糕 -->
                <div>
                    <div class="title">
                        <h3 class="top-name">蛋糕</h3>
                    </div>
                    <!-- 鲜花列表 -->
                    <div class="flower-list">
                        <ul>
                            <li><img src="img/01-index/flower-01.png" alt=""></li>
                            <li>温暖阳光</li>
                            <li>
                                <span class="price">￥269</span>
                                <span class="sales-volume">销量12710笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-02.png" alt=""></li>
                            <li>恋恋情深</li>
                            <li>
                                <span class="price">￥199</span>
                                <span class="sales-volume">销量11522笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-03.png" alt=""></li>
                            <li>不忘初心</li>
                            <li>
                                <span class="price">￥189</span>
                                <span class="sales-volume">销量10548笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-04.png" alt=""></li>
                            <li>满天繁星</li>
                            <li>
                                <span class="price">￥299</span>
                                <span class="sales-volume">销量14598笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-05.png" alt=""></li>
                            <li>美丽心情</li>
                            <li>
                                <span class="price">￥239</span>
                                <span class="sales-volume">销量7548笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-06.png" alt=""></li>
                            <li>你的笑靥</li>
                            <li>
                                <span class="price">￥269</span>
                                <span class="sales-volume">销量7895笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-07.png" alt=""></li>
                            <li>相依相伴</li>
                            <li>
                                <span class="price">￥278</span>
                                <span class="sales-volume">销量6985笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-08.png" alt=""></li>
                            <li>一生有你</li>
                            <li>
                                <span class="price">￥389</span>
                                <span class="sales-volume">销量8454笔</span>
                            </li>
                        </ul>
                    </div><!-- 鲜花列表 -->
                    <div class="look-more">
                        <a href="#">查看更多</a>
                    </div>
                </div><!-- 蛋糕 -->

                <!-- 开业花篮 -->
                <div>
                    <div class="title">
                        <h3 class="top-name">开业花篮</h3>
                    </div>
                    <!-- 鲜花列表 -->
                    <div class="flower-list">
                        <ul>
                            <li><img src="img/01-index/flower-01.png" alt=""></li>
                            <li>温暖阳光</li>
                            <li>
                                <span class="price">￥269</span>
                                <span class="sales-volume">销量12710笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-02.png" alt=""></li>
                            <li>恋恋情深</li>
                            <li>
                                <span class="price">￥199</span>
                                <span class="sales-volume">销量11522笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-03.png" alt=""></li>
                            <li>不忘初心</li>
                            <li>
                                <span class="price">￥189</span>
                                <span class="sales-volume">销量10548笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-04.png" alt=""></li>
                            <li>满天繁星</li>
                            <li>
                                <span class="price">￥299</span>
                                <span class="sales-volume">销量14598笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-05.png" alt=""></li>
                            <li>美丽心情</li>
                            <li>
                                <span class="price">￥239</span>
                                <span class="sales-volume">销量7548笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-06.png" alt=""></li>
                            <li>你的笑靥</li>
                            <li>
                                <span class="price">￥269</span>
                                <span class="sales-volume">销量7895笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-07.png" alt=""></li>
                            <li>相依相伴</li>
                            <li>
                                <span class="price">￥278</span>
                                <span class="sales-volume">销量6985笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-08.png" alt=""></li>
                            <li>一生有你</li>
                            <li>
                                <span class="price">￥389</span>
                                <span class="sales-volume">销量8454笔</span>
                            </li>
                        </ul>
                    </div><!-- 鲜花列表 -->
                    <div class="look-more">
                        <a href="#">查看更多</a>
                    </div>
                </div><!-- 开业花篮 -->

                <!-- 绿植 -->
                <div>
                    <div class="title">
                        <h3 class="top-name">绿植</h3>
                    </div>
                    <!-- 鲜花列表 -->
                    <div class="flower-list">
                        <ul>
                            <li><img src="img/01-index/flower-01.png" alt=""></li>
                            <li>温暖阳光</li>
                            <li>
                                <span class="price">￥269</span>
                                <span class="sales-volume">销量12710笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-02.png" alt=""></li>
                            <li>恋恋情深</li>
                            <li>
                                <span class="price">￥199</span>
                                <span class="sales-volume">销量11522笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-03.png" alt=""></li>
                            <li>不忘初心</li>
                            <li>
                                <span class="price">￥189</span>
                                <span class="sales-volume">销量10548笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-04.png" alt=""></li>
                            <li>满天繁星</li>
                            <li>
                                <span class="price">￥299</span>
                                <span class="sales-volume">销量14598笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-05.png" alt=""></li>
                            <li>美丽心情</li>
                            <li>
                                <span class="price">￥239</span>
                                <span class="sales-volume">销量7548笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-06.png" alt=""></li>
                            <li>你的笑靥</li>
                            <li>
                                <span class="price">￥269</span>
                                <span class="sales-volume">销量7895笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-07.png" alt=""></li>
                            <li>相依相伴</li>
                            <li>
                                <span class="price">￥278</span>
                                <span class="sales-volume">销量6985笔</span>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="img/01-index/flower-08.png" alt=""></li>
                            <li>一生有你</li>
                            <li>
                                <span class="price">￥389</span>
                                <span class="sales-volume">销量8454笔</span>
                            </li>
                        </ul>
                    </div><!-- 鲜花列表 -->
                    <div class="look-more">
                        <a href="#">查看更多</a>
                    </div>
                </div><!-- 绿植 -->

            </div><!-- 鲜花主题列表 -->

            <!-- 版权信息 -->
            <div class="copyright">
                <p>
                    Copyright©2020 成都勿忘我科技有限公司<br>
                    蜀ICP备20016463号-2
                </p>
            </div>
        </main>

        <div class="tabbar">
            <ul>
                <li>
                    <img src="img/01-index/index.png" alt="">
                    <!-- <div class="iconfont icon">&#xf01d7;</div> -->
                    <p class="index active">首页</p>
                </li>
                <li>
                    <!-- <img src="./images/classify.png" alt=""> -->
                    <div class="iconfont icon">&#xe606;</div>
                    <p>分类</p>
                </li>
                <li>
                    <!-- <img src="./images/cart.png" alt=""> -->
                    <div class="iconfont icon">&#xe61d;</div>
                    <p>购物车</p>
                </li>
                <li>
                    <!-- <img src="./images/mine.png" alt=""> -->
                    <div class="iconfont icon">&#xe601;</div>
                    <p>我的</p>
                </li>
            </ul>
        </div>
    </div>
</body>
</html>